<div class="app-modal">
    <div ng-show="step==1" class="modal modal-fixed-footer col-md-6 dapp-modal">
        <div class="modal-header modal-iconed hide-in-small">
            <div class="close-modal" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
        </div>
        <div class="modal-header modal-header-mobile clearfix">
            <div class="close-modal show-in-small" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
            <div>
                <h2>{{'Step 1/5 - Preamble'|translate}}</h2>
            </div>
            <div><translate>Please read carefully.</translate></div>
        </div>
        <div class="modal-content pretty-scrolling hide-in-small" style="height: calc(100% - 290px); padding: 0;  -webkit-box-shadow:none;
  box-shadow: none;">
            <form name="license_data-form" novalidate class="clearfix" ng-submit="goToStep2()" style="padding: 0 40px;">
                <input type="submit" ng-show="false">
            </form>
            <span class="send-info-text flat-text">
                <p translate>You are about to register your decentralized application (dapp) on the Ebookcoin network. After the registration all Ebookcoin users will be able to see your dapp on the Ebookcoin Dapp Store and they will also be able to install and launch it.<br><br>One of the characteristics of blockchains is that you can't delete any content from them. Therefore make sure you have used the correct dapp parameters. We also advise you to test your dapp on the official Ebookcoin testnet so you can guarantee that its working flawlessly.<br><br><b>Things you need to know for the registration process:</b><br><br>• Dapp names are unique, you can't register the same name twice on the Ebookcoin network.<br>• You can either use a centralized (GitHub) or decentralized (Sia) hosting method.<br>• Make sure that your dapp icon's format is a square.<br>• Choose your tags wisely, with them your users will be able to find your dapp in the Dapp Store.<br><br>The Ebookcoin Team isn't liable for a dapp, solely the uploader is. So you have to make sure that your dapp is legal and doesn't harm its users.</p>
            </span>
        </div>
        <div class="modal-content pretty-scrolling show-in-small" style="  height: calc(100% - 130px); padding: 0;  -webkit-box-shadow:none;
  box-shadow: none;">
            <form name="license_data-form" novalidate class="clearfix" ng-submit="goToStep2()" style="padding: 0 40px;">
                <input type="submit" ng-show="false">
            </form>
            <span class="send-info-text flat-text">
                <p translate>You are about to register your decentralized application (dapp) on the Ebookcoin network. After the registration all Ebookcoin users will be able to see your dapp on the Ebookcoin Dapp Store and they will also be able to install and launch it.<br><br>One of the characteristics of blockchains is that you can't delete any content from them. Therefore make sure you have used the correct dapp parameters. We also advise you to test your dapp on the official Ebookcoin testnet so you can guarantee that its working flawlessly.<br><br><b>Things you need to know for the registration process:</b><br><br>• Dapp names are unique, you can't register the same name twice on the Ebookcoin network.<br>• You can either use a centralized (GitHub) or decentralized (Sia) hosting method.<br>• Make sure that your dapp icon's format is a square.<br>• Choose your tags wisely, with them your users will be able to find your dapp in the Dapp Store.<br><br>The Ebookcoin Team isn't liable for a dapp, solely the uploader is. So you have to make sure that your dapp is legal and doesn't harm its users.</p>
            </span>
        </div>
        <div class="modal-footer">
            <a class="waves-effect btn-flat primary-action" ng-click="step=step+1;"><translate>Accept / Next Step</translate></a>
            <a class="waves-effect btn-flat second-action" ng-click="close()"><translate>CANCEL</translate></a>
        </div>
    </div>
    <div ng-show="step==2" class="modal modal-fixed-footer col-md-6 dapp-modal">
        <div class="modal-header  modal-iconed hide-in-small">
            <div class="close-modal" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
        </div>
        <div class="modal-header modal-header-mobile clearfix">
            <div class="close-modal show-in-small" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
            <div>
                <h2>{{'Step 2/5 Dapp Specifications'|translate}}</h2>
            </div>
            <div><translate>Please set the dapp parameters below.</translate></div>
        </div>
        <div class="modal-content pretty-scrolling hide-in-small" style="  height: calc(100% - 290px); padding: 0;  -webkit-box-shadow:none;
  box-shadow: none;">
            <form name="dapp_data_form" novalidate class="clearfix" ng-submit="goToStep3(dapp_data_form.$invalid)" style="padding: 0 40px;">
                <input type="submit" ng-show="false">
                <div class="row clearfix" style="height: inherit;">
                    <div class="input-field">
                        <input ng-minlength=1 ng-maxlength=32 required ng-class="{'invalid': dapp_data_form.submitted && dapp_data_form.name.$invalid , 'valid':  dapp_data_form.submitted && dapp_data_form.name.$valid}" id="name" name="name" type="text" class="validate" ng-model="newDapp.name" maxlength="32">
                        <label for="name"><translate>Name</translate></label>
                    </div>
                    <div class="error-newdapp-container" ng-show="dapp_data_form.name.$invalid && dapp_data_form.submitted">
                        <small class="error" ng-show="dapp_data_form.name.$error.required">
                            <translate>Your dapp name is required.</translate>
                        </small>
                        <small class="error" ng-show="dapp_data_form.name.$error.maxlength">
                            <translate>Your dapp name cannot be longer than 32 characters</translate>
                        </small>
                    </div>
                </div>
                <div class="row clearfix" style="height: inherit;">
                    <div class="input-field materialize-textarea-big">
                        <textarea ng-maxlength=160 id="description" ng-class="{'invalid': dapp_data_form.submitted && dapp_data_form.description.$invalid , 'valid':  dapp_data_form.submitted && dapp_data_form.description.$valid}" name="description" class="materialize-textarea validate" ng-model="newDapp.description"></textarea>
                        <label for="description"><translate>Description</translate></label>
                    </div>
                    <div class="error-newdapp-container" ng-show="dapp_data_form.description.$invalid && dapp_data_form.submitted">
                        <small class="error" ng-show="dapp_data_form.description.$error.maxlength">
                            <translate>Your dapp description cannot be longer than 160 characters.</translate>
                        </small>
                    </div>
                </div>
                <div class="row clearfix" style="height: inherit;">
                    <div class="input-field">
                        <input ng-class="{'invalid': dapp_data_form.submitted && dapp_data_form.tags.$invalid , 'valid':  dapp_data_form.submitted && dapp_data_form.tags.$valid}" ng-maxlength=160 maxlength=160 id="tags" type="text" name="tags" class="validate" ng-model="newDapp.tags">
                        <label for="tags"><translate>Tags (separated with comma)</translate></label>
                    </div>
                    <div class="error-newdapp-container" ng-show="dapp_data_form.tags.$invalid && dapp_data_form.submitted">
                        {{dapp_data_form.tags.$error}}
                        <small class="error" ng-show="dapp_data_form.tags.$error">
                            <translate>Your dapp tags cannot be longer than 160 characters.</translate>
                        </small>
                    </div>
                </div>
                <div class="row clearfix" style="height: inherit;">
                    <div ng-if="!urlSiaMode" class="file-field input-field">
                        <input ng-model="newDapp.icon" id="icon" class="file-path validate" style="margin-left: 250px;  width: calc(100% - 250px);" type="text"/>
                        <label for="icon" style="left:250px;"><translate>Icon URL</translate></label>
                        <div class="btn btn-sky-blue" ng-click="changeUrlSiaMode()">
                            <span>{{getUlrSiaText()}}</span>
                        </div>
                    </div>
                    <div ng-if="!!urlSiaMode" class="file-field input-field materialize-textarea-big">
                        <textarea ng-model="newDapp.siaIcon" id="icon" class="materialize-textarea validate" style="margin-left: 250px;  width: calc(100% - 250px); max-height: 100px;" type="text"/>
                        <label for="icon" style="left:250px;"><translate>Icon Sia ASCII</translate></label>
                        <div class="btn btn-sky-blue" ng-click="changeUrlSiaMode()">
                            <span>{{getUlrSiaText()}}</span>
                        </div>
                    </div>
                </div>
                <div class="row clearfix" style="height: inherit;">
                    <div class="input-field col s12">
                        <select ng-init="newDapp.category = 0" class="browser-default" ng-model="newDapp.category" ng-options="key for (key, value) in categories"></select>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-content pretty-scrolling show-in-small" style="  height: calc(100% - 130px); padding: 0;  -webkit-box-shadow:none;
  box-shadow: none;">
            <form name="dapp_data_form" novalidate class="clearfix" ng-submit="goToStep3(dapp_data_form.$invalid)" style="padding: 0 40px;">
                <input type="submit" ng-show="false">
                <div class="row clearfix" style="height: inherit;">
                    <div class="input-field">
                        <input ng-minlength=1 ng-maxlength=32 required ng-class="{'invalid': dapp_data_form.submitted && dapp_data_form.name.$invalid , 'valid':  dapp_data_form.submitted && dapp_data_form.name.$valid}" id="name" name="name" class="validate" type="text" ng-model="newDapp.name">
                        <label for="name"><translate>Name</translate></label>
                    </div>
                    <div class="error-newdapp-container" ng-show="dapp_data_form.name.$invalid && dapp_data_form.submitted">
                        <small class="error" ng-show="dapp_data_form.name.$error.required">
                            <translate>Your dapp name is required.</translate>
                        </small>
                        <small class="error" ng-show="dapp_data_form.name.$error.maxlength">
                            <translate>Your dapp name cannot be longer than 32 characters.</translate>
                        </small>
                    </div>
                </div>
                <div class="row clearfix" style="height: inherit;">
                    <div class="input-field materialize-textarea-big">
                        <textarea ng-maxlength=160 id="description" ng-class="{'invalid': dapp_data_form.submitted && dapp_data_form.description.$invalid , 'valid':  dapp_data_form.submitted && dapp_data_form.description.$valid}" name="description" class="materialize-textarea validate" ng-model="newDapp.description"></textarea>
                        <label for="description"><translate>Description</translate></label>
                    </div>
                    <div class="error-newdapp-container" ng-show="dapp_data_form.description.$invalid && dapp_data_form.submitted">
                        <small class="error" ng-show="dapp_data_form.description.$error.maxlength">
                            <translate>Your dapp description cannot be longer than 160 characters.</translate>
                        </small>
                    </div>
                </div>
                <div class="row clearfix" style="height: inherit;">
                    <div class="input-field">
                        <input ng-class="{'invalid': dapp_data_form.submitted && dapp_data_form.tags.$invalid , 'valid':  dapp_data_form.submitted && dapp_data_form.tags.$valid}" ng-maxlength=160 maxlength=160 id="tags" type="text" name="tags" class="validate" ng-model="newDapp.tags">
                        <label for="tags"><translate>Tags (separated with comma)</translate></label>
                    </div>
                    <div class="error-newdapp-container" ng-show="dapp_data_form.tags.$invalid && dapp_data_form.submitted">
                        <small class="error" ng-show="dapp_data_form.description.$error.maxlength">
                            <translate>Your dapp tags cannot be longer than 160 characters.</translate>
                        </small>
                    </div>
                </div>
                <div class="row clearfix" style="height: inherit;">
                    <div ng-if="!urlSiaMode" class="file-field input-field">
                        <input ng-model="newDapp.icon" id="icon" class="file-path" style="width: 100%" type="text"/>
                        <label for="icon"><translate>Icon URL</translate></label>
                        <div id="change-btn" class="btn btn-sky-blue" ng-click="changeUrlSiaMode()">
                            <span>{{getUlrSiaText()}}</span>
                        </div>
                    </div>
                    <div ng-if="!!urlSiaMode" class="file-field input-field materialize-textarea-big">
                        <textarea ng-model="newDapp.siaIcon" id="icon" class="materialize-textarea validate" style="width: 100%; max-height: 100px;" type="text"/>
                        <label for="icon"><translate>Icon Sia ASCII</translate></label>
                        <div id="change-btn" class="btn btn-sky-blue" ng-click="changeUrlSiaMode()">
                            <span>{{getUlrSiaText()}}</span>
                        </div>
                    </div>
                </div>
                <div class="row clearfix" style="height: inherit;">
                    <div class="input-field col s12">
                        <select ng-init="newDapp.category = 0" class="browser-default" ng-model="newDapp.category" ng-options="key for (key, value) in categories"></select>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <a class="waves-effect btn-flat primary-action" ng-click="goToStep3(dapp_data_form.$invalid)"><translate>Next Step</translate></a>
            <a class="waves-effect btn-flat second-action" ng-click="step=step-1;"><translate>Go back</translate></a>
        </div>
    </div>
    <div ng-show="step==3 && !passmode && !checkSecondPass" class="modal modal-fixed-footer col-md-6 dapp-modal">
        <div class="modal-header modal-iconed hide-in-small">
            <div class="close-modal" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
        </div>
        <div class="modal-header modal-header-mobile clearfix">
            <div class="close-modal show-in-small" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
            <div>
                <h2>{{'Step 3/5 - Choose Storage Solution'|translate}}</h2>
            </div>
            <div class="hide-in-small"><translate>Please choose between the available options.</translate></div>
        </div>
        <div class="modal-content pretty-scrolling hide-in-small" style="height: calc(100% - 290px); padding: 0;  -webkit-box-shadow:none;
  box-shadow: none;">
            <ul class="collection with-header dapp-collection">
                <li class="collection-header">
                    <h4>{{'Decentralized'|translate}}</h4>
                </li>
                <li class="collection-item">
                    <input ng-click="selectRepository('sia')" type="checkbox" ng-checked="repository=='sia' || repository==null" class="filled-in violet" id="sia"/>
                    <label class="imaged" for="sia"><img src="/images/sia_logo.png"></label>
                    <div style="margin-top: 10px; margin-bottom: 10px;">
                        <p><translate>Sia is a new decentralized cloud storage platform aimed at giving users control of their data. Storage is pulled from a large network of hosts, each using Sia's blockchain to form storage contracts with clients. Out of the hundreds of hosts, only a fraction need to be online for the data to be recovered. Even in a network with many unreliable hosts, the data is safe.<br><br>You need to upload your dapp source code as a .zip file to the Sia network. Once the upload was successful you need to specify the ASCII code of the file in the next step.</translate></p>
                    </div>
                    <a target="_blank" href="http://siacoin.com" class="btn btn-sky-blue waves-effect waves-light right"><translate>MORE INFO</translate></a>
                </li>
                <!-- <li class="collection-item">
                    <input type="checkbox" class="filled-in violet" id="starj"/>
                    <label for="starj">StarJ</label>

                    <div style="margin-top: 10px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</div>
                    <a class="btn btn-sky-blue waves-effect waves-light right">MORE INFO</a>
                </li> -->
            </ul>
            <ul class="collection with-header dapp-collection">
                <li class="collection-header">
                    <h4>{{'Centralized'|translate}}</h4>
                </li>
                <li class="collection-item">
                    <input ng-click="selectRepository('git')" ng-checked="repository=='git'" type="checkbox" class="filled-in violet" id="git"/>
                    <label class="imaged" for="git"><img src="/images/github_logo.png"></label>
                    <div style="margin-top: 10px;  margin-bottom: 10px;"><translate>GitHub is a Web-based Git repository hosting service, which offers amongst other things a source code management functionality. GitHub provides a graphical interface and desktop as well as mobile integration. If you add your dapp source code to a GitHub repository you need to specify the repository link in the next step.</translate></div>
                    <a href="http://github.com" target="_blank" class="btn btn-sky-blue waves-effect waves-light right"><translate>MORE INFO</translate></a>
                </li>
            </ul>
        </div>
        <div class="modal-content pretty-scrolling show-in-small" style="height: calc(100% - 130px); padding: 0;  -webkit-box-shadow:none;
  box-shadow: none;">
            <ul class="collection with-header dapp-collection">
                <li class="collection-item">
                    <input ng-click="selectRepository('sia')" type="checkbox" ng-checked="repository=='sia' || repository==null" class="filled-in violet" id="sia"/>
                    <label class="imaged" for="sia"><img src="/images/sia_logo.png"></label>
                </li>
                <li class="collection-item">
                    <div style="margin-top: 10px;  margin-bottom: 10px;">
                        <p><translate>Sia is a new decentralized cloud storage platform aimed at giving users control of their data. Storage is pulled from a large network of hosts, each using Sia's blockchain to form storage contracts with clients. Out of the hundreds of hosts, only a fraction need to be online for the data to be recovered. Even in a network with many unreliable hosts, the data is safe.<br><br>You need to upload your dapp source code as a .zip file to the Sia network. Once the upload was successful you need to specify the ASCII code of the file in the next step.</translate></p>
                    </div>
                </li>
            </ul>
            <ul class="collection with-header dapp-collection">
                <li class="collection-item">
                    <input ng-click="selectRepository('git')" ng-checked="repository=='git'" type="checkbox" class="filled-in violet" id="git"/>
                    <label class="imaged" for="git"><img src="/images/github_logo.png"></label>
                </li>
                <li class="collection-item">
                    <div style="margin-top: 10px; margin-bottom: 10px;"><translate>GitHub is a Web-based Git repository hosting service, which offers amongst other things a source code management functionality. GitHub provides a graphical interface and desktop as well as mobile integration. If you add your dapp source code to a GitHub repository you need to specify the repository link in the next step.</translate></div>
                </li>
            </ul>
        </div>
        <div class="modal-footer">
            <a class="waves-effect btn-flat primary-action" ng-click="step=step+1;"><translate>Next Step</translate></a>
            <a class="waves-effect btn-flat second-action" ng-click="step=step-1;"><translate>Go back</translate></a>
        </div>
    </div>
    <div ng-show="step==4 && !passmode && !checkSecondPass" class="modal modal-fixed-footer col-md-6 dapp-modal" style="height: 80%; max-height: 80%; z-index: 1003; display: block; opacity: 1; /* transform: scaleX(1); */ top: 0;bottom: 0;">
        <div class="modal-header modal-iconed hide-in-small">
            <div class="close-modal" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
        </div>
        <div class="modal-header modal-header-mobile clearfix">
            <div class="close-modal show-in-small" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
            <div>
                <h2>{{'Step 4/5 - Storage Specifications'|translate}}</h2>
            </div>
            <div>{{getRepositoryHeaderText()}}</div>
        </div>
        <div class="modal-content pretty-scrolling hide-in-small" style="  height: calc(100% - 290px); padding: 0;  -webkit-box-shadow:none;
  box-shadow: none;">
            <form ng-if="repository=='git'" ng-submit="goToStep5()" style="padding-bottom: 30px;">
                <div class="field-padding">
                    <div class="input-field">
                        <input id="gitRepository" type="text" ng-model="newDapp.git" ng-class="{'invalid': errorAppLink}">
                        <label for="amount"><translate>Git repository link</translate></label>
                    </div>
                    <!-- <a class="btn btn-sky-blue waves-effect waves-light right">Check</a> -->
                </div>
                <input type="submit" ng-show="false">
            </form>
            <form ng-if="repository=='sia'" ng-submit="goToStep5()" style="padding-bottom: 30px;">
                <div class="field-padding">
                    <div class="input-field materialize-textarea-big">
                        <textarea id="siaRepository" class="materialize-textarea" ng-class="{'invalid': errorAppLink}" ng-model="newDapp.siaAscii" style="max-height: 250px;"></textarea>
                        <label for="textarea1"><translate>Sia ASCII Code</translate></label>
                    </div>
                    <!-- <a class="btn btn-sky-blue waves-effect waves-light right">Check</a> -->
                </div>
                <input type="submit" ng-show="false">
            </form>
            <div class="modal-body bordered">
                <span class="send-info-text flat-text">{{getRepositoryHelpText()}}</span>
            </div>
        </div>
        <div class="modal-content pretty-scrolling show-in-small" style="  height: calc(100% - 130px); padding: 0;  -webkit-box-shadow:none;
  box-shadow: none;">
            <form ng-if="repository=='git'" ng-submit="goToStep5()" style="padding-bottom: 30px;">
                <div class="field-padding">
                    <div class="input-field">
                        <input id="amount" type="text" ng-model="newDapp.git">
                        <label for="amount"><translate>Git repository link</translate></label>
                    </div>
                    <a class="btn btn-sky-blue waves-effect waves-light right"><translate>Check</translate></a>
                </div>
                <input type="submit" ng-show="false">
            </form>
            <form ng-if="repository=='sia'" ng-submit="passcheck()" style="padding-bottom: 30px;">
                <div class="field-padding">
                    <div class="input-field materialize-textarea-big">
                        <textarea id="textarea1" class="materialize-textarea" ng-model="newDapp.siaAscii" style="max-height: 250px;"></textarea>
                        <label for="textarea1"><translate>Sia ASCII Code</translate></label>
                    </div>
                    <a class="btn btn-sky-blue waves-effect waves-light right"><translate>Check</translate></a>
                </div>
                <input type="submit" ng-show="false">
            </form>
            <div class="modal-body bordered">
                <span class="send-info-text flat-text">{{getRepositoryHelpText()}}</span>
            </div>
        </div>
        <div class="modal-footer">
            <a class="waves-effect btn-flat primary-action" ng-click="goToStep5()"><translate>Next Step</translate></a>
            <a class="waves-effect btn-flat second-action" ng-click="step=step-1;"><translate>Go back</translate></a>
        </div>
    </div>
    <div ng-show="step==5 && !passmode && !checkSecondPass" class="modal modal-fixed-footer col-md-6 dapp-modal">
        <div class="modal-header modal-iconed hide-in-small">
            <div class="close-modal" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
        </div>
        <div class="modal-header  modal-header-mobile clearfix">
            <div class="close-modal show-in-small" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
            <div>
                <h2>{{'Step 5/5 - Confirmation'|translate}}</h2>
            </div>
            <div class="hide-in-small"><translate>Please check your input below and go back if necessary.</translate></div>
        </div>
        <div class="modal-content pretty-scrolling hide-in-small" style="height: calc(100% - 290px); padding: 0; -webkit-box-shadow:none;
  box-shadow: none;">
            <div class="field-padding" ng-show="errorMessage && (rememberedPassphrase)">
                <span style="margin-top: 10px;
    margin-bottom: 0;" class="pass-error">{{errorMessage}}</span>
            </div>
            <ul class="collection dapp-collection">
                <li class="collection-item">
                    <h4>{{'Name'|translate}}:</h4>
                    {{newDapp.name}}
                </li>
                <li class="collection-item">
                    <h4>{{'Description'|translate}}:</h4>
                    {{newDapp.description}}
                </li>
                <li class="collection-item">
                    <h4>{{'Tags'|translate}}:</h4>
                    <span class="cut-text">{{newDapp.tags}}</span>
                </li>
                <li class="collection-item">
                    <h4>{{'Category'|translate}}:</h4>
                    {{getCategoryName(newDapp.category)}}
                </li>
                <li class="collection-item">
                    <h4>{{'Hosted at'|translate}} {{getRepositoryName()}}:</h4>
                    <span class="cut-text">{{getRepositoryText()}}</span>
                </li>
            </ul>
        </div>
        <div class="modal-content pretty-scrolling show-in-small" style="height: calc(100% - 130px); padding: 0; -webkit-box-shadow:none;
  box-shadow: none;">
            <div class="field-padding" ng-show="errorMessage && (rememberedPassphrase)">
                <span style="margin-top: 10px;
    margin-bottom: 0;" class="pass-error">{{errorMessage}}</span>
            </div>
            <ul class="collection dapp-collection">
                <li class="collection-item">
                    <h4>{{'Name'|translate}}:</h4>
                    {{newDapp.name}}</li>
                <li class="collection-item">
                    <h4>{{'Description'|translate}}:</h4>
                    {{newDapp.description}}</li>
                <li class="collection-item">
                    <h4>{{'Tags'|translate}}:</h4>
                    {{newDapp.tags}}</li>
                <li class="collection-item">
                    <h4>{{'Category'|translate}}:</h4>
                    {{getCategoryName(newDapp.category)}}</li>
                <li class="collection-item">
                    <h4>{{'Hosted at'|translate}} {{getRepositoryName()}}:</h4>
                    <span class="cut-text">{{getRepositoryText()}}</span>
                </li>
            </ul>
        </div>
        <div class="modal-footer">
            <a class="waves-effect btn-flat primary-action" ng-click="passcheck()"><translate>Confirm</translate></a>
            <a class="waves-effect btn-flat second-action" ng-click="goToStep4()"><translate>Go back</translate></a>
        </div>
    </div>
    <div ng-show="passmode && !checkSecondPass" class="modal modal-fixed-footer col-md-6 dapp-modal">
        <div class="modal-header modal-iconed">
            <div class="close-modal" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
        </div>
        <div class="modal-header modal-header-mobile clearfix">
            <div>
                <h2>{{'Account Verification'|translate}}</h2>
            </div>
            <div><translate>Please enter your passphrase below.</translate></div>
        </div>
        <div class="modal-content pretty-scrolling" style="height: calc(100% - 290px); padding: 0; -webkit-box-shadow:none;
  box-shadow: none;">
            <div class="modal-body">
                <form ng-submit="sendData(secretPhrase)">
                    <div class="field-padding">
                        <div class="input-field">
                            <input id="passPhrase" type="password" ng-model="secretPhrase" ng-trim="false" autofocus ng-class="{'invalid': errorMessage}">
                            <label for="passPhrase"><translate>Your Passphrase</translate></label>
                        </div>
                        <span class="pass-error" ng-show="errorMessage && !secondSecret">{{errorMessage}}</span>
                    </div>
                    <input type="submit" ng-show="false">
                </form>
            </div>
        </div>
        <div class="modal-footer">
            <a class="waves-effect btn-flat primary-action" ng-click="sendData(secretPhrase)"><translate>Confirm</translate></a>
            <a class="waves-effect btn-flat second-action" ng-click="passcheck()"><translate>Go back</translate></a>
        </div>
    </div>
    <div ng-show="checkSecondPass" class="modal modal-fixed-footer col-md-6 dapp-modal">
        <div class="modal-header modal-iconed">
            <div class="close-modal" ng-click="close()">
                <span class="sr-only"><translate>Close modal</translate></span>
            </div>
        </div>
        <div class="modal-header modal-header-mobile clearfix">
            <div>
                <h2>{{'Account Verification'|translate}}</h2>
            </div>
            <div><translate>Please enter your second passphrase below.</translate></div>
        </div>
        <div class="modal-content pretty-scrolling" style="height: calc(100% - 290px); padding: 0; -webkit-box-shadow:none;
  box-shadow: none;">
            <div class="modal-body">
                <form ng-submit="sendData(secretPhrase, true)">
                    <div class="field-padding">
                        <div class="input-field">
                            <input id="secondPhrase" type="password" ng-model="secondPhrase" ng-trim="false" autofocus ng-focus="focus == 'secondPhrase'" ng-class="{'invalid': errorMessage}">
                            <label for="secondPhrase"><translate>Your Second Passphrase</translate></label>
                        </div>
                        <span class="pass-error" ng-show="errorMessage">{{errorMessage}}</span>
                    </div>
                    <input type="submit" ng-show="false">
                </form>
            </div>
        </div>
        <div class="modal-footer">
            <a class="waves-effect btn-flat primary-action" ng-click="sendData(secretPhrase, true)"><translate>SEND EBOOKCOIN</translate></a>
            <a class="waves-effect btn-flat second-action" ng-click="passcheck(true)"><translate>BACK</translate></a>
        </div>
    </div>
</div>
